/*
 *
 * (c) Copyright Ascensio System Limited 2010-2023
 * 
 * Licensed under the Apache License, Version 2.0 (the "License");
 * you may not use this file except in compliance with the License.
 * You may obtain a copy of the License at
 * http://www.apache.org/licenses/LICENSE-2.0
 * Unless required by applicable law or agreed to in writing, software
 * distributed under the License is distributed on an "AS IS" BASIS,
 * WITHOUT WARRANTIES OR CONDITIONS OF ANY KIND, either express or implied.
 * See the License for the specific language governing permissions and
 * limitations under the License.
 *
*/


@import "../../../../skins/default/params.less";

.subs-tabs 
{
    border-bottom: 1px solid @border-line-profile;   
    margin-bottom:20px;
    padding-bottom:16px;    
    position: relative;    
    
    .subs-module 
    {
        color:@bg-a-activate;
        cursor:pointer;
        display:inline-block;
        margin-right:40px;

        .subs-icon-module {
            display:block;
            width:24px;
            height:24px;
            margin: 0 auto 4px;
            -webkit-mask-image: url("img/icons_titles.svg");
            mask-image: url("img/icons_titles.svg");
            -webkit-mask-repeat: no-repeat;
            mask-repeat: no-repeat;
            -webkit-mask-position: 0 0;
            mask-position: 0 0;
            background-color: @link-plus-after;
               
            &.news { -webkit-mask-position: 0 -135px; mask-position: 0 -135px; }
            &.tips { -webkit-mask-position: 0 -373px; mask-position: 0 -373px; }
            &.admin { -webkit-mask-position: 0 -543px; mask-position: 0 -543px; }
            &.documents { -webkit-mask-position: 0 -237px; mask-position: 0 -237px; }
            &.projects { -webkit-mask-position: 0 -101px; mask-position: 0 -101px; }
            &.crm { -webkit-mask-position: 0 -680px; mask-position: 0 -680px; }
            &.community { -webkit-mask-position: 0 -203px; mask-position: 0 -203px; }
            &.tools { -webkit-mask-position: 0 -543px; mask-position: 0 -543px; }
            &.calendar { -webkit-mask-position: 0 -304px; mask-position: 0 -304px; }
            &.people { -webkit-mask-position: 0 -33px; mask-position: 0 -33px; }
        }
    }
    .subs-selector {
        background: url("img/@{hmenu-selected-img}") no-repeat 0 bottom @body-color; 
        position: absolute;
        width: 11px;
        height: 7px;
        top: 55px;  
        left: 28px;
    }    
}
body.media-width-0-1200 {
    .subs-tabs .subs-module {
        margin-right: 20px;
    }
}
.subs-subtab 
{
    margin-bottom:20px;   
    
    & > .module {
        border-right: 1px dotted @textColor;
        display: inline-block;
        cursor:pointer;
        padding-right: 5px;
        margin-right:5px;
        }   
    .project-name {
        color:#787878;
        float:left;
        margin-right:5px;        
    }
     span:last-child {
        border-right:none;
    }
 }

.subs-tabs .active,
.subs-subtab .active {
    cursor: default;
    font-weight: bold;
    text-decoration: none;
}

.subs-contents div.tabs,
.subs-subtab-contents div.subtabs {
    display:none;
}
.subs-contents div.tabs.active,
.subs-subtab-contents div.active {
    display:block;
    width:100%;
}
.subs-sections 
{
    margin-top:20px;
    }
.subscribe-link    
{
    float:left;
    margin-right:25px;
    }
#modules_notifySenders    
{
    display:inline-block;
    }
    
.sub-button 
{
    float:left;
    margin-right:8px;
    margin-bottom:8px;
    }    
    
.subtabs .type-name 
{
    margin-bottom:14px;
    }    
.subscribe-link a
{
    color:@textColor;
    }
.subs-only-button
{
    border-bottom: 1px solid @borderColor;
    margin-bottom:15px;
    padding-bottom:15px;
    }
.module-settings,
.subtabs {
    border-bottom: 1px solid @borderColor;
    margin-bottom: 15px;
    padding-bottom: 8px;
}
.subs-notice-text {
    float: left;
    margin: -1px 3px 0 0;

    &.right-indent {
        margin-right: 12px;
    }
}

.subsSelector {
	& input {
		margin: 0 3px;
		vertical-align: sub;
	}
}

/*----------------TelegramConnecter------------------*/

#telegramConnect {
	max-width: 200px;

	#tgLink {
		overflow: hidden;
		white-space: nowrap;
	}
}
